/*系统全局通用样式*/
[v-cloak]{
	display: none;
}
@charset "utf-8";
/* CSS Document */
[class*=jFI-]{
	font-family: jbfontv1;
}
/*----------------全局iview初始化----------------*/
.ivu-table-wrapper {
	margin-bottom: 20px;
}
.ivu-table-expanded-cell table{
	width: 100%;
}
.ivu-table-expanded-cell table td{
	padding-left: 20px;
}
/*----------------性别图标----------------*/
.userSex.jFI-Male{
	color: lightblue;
}
.userSex.jFI-Female{
	color: lightpink;
}
.userSex.jFI-Smile{
	color: yellowgreen;
}
/*----------------身份----------------*/
.identity{
	padding: 2px 5px;
	border: 1px solid #999999;
	border-radius: 5px;
}

/*------------小红点数量提示------------*/
.numberHintModule{
	display: inline-block;
	width: 15px;
	height: 15px;
	font-size: 12px;
	background-color: red;
	color: #fff4e9;
	border-radius: 50%;
	line-height: 15px;
	text-align: center;
	font-style: unset;
}

/*------------表单按钮(黄色)-通用------------*/
.formBtnModule{
	display: inline-block;
	padding: 10px 45px;
	line-height: 1em;
	outline: none;
	border: 0;
	border-radius: 100px;
	background-color: #ffd321;
	text-align: center;
	cursor: pointer;
}


/*tab选项卡*/
.jb-tab-tit{
    white-space: nowrap;
	overflow: hidden;
}
.jb-tab-tit li{
	float:left;
    min-width: 3em;
	margin:auto 0.5em;
    padding: 0 0.5em;
    vertical-align: middle;
    line-height: 2em;
    text-align: center;
    cursor: pointer;
	list-style: none;
    white-space: nowrap;
}
.jb-tab-tit li.jb-current{
	border-bottom:1px solid #999;
}
.jb-tab-con{
	width:100%;
	clear:both;
	background-color:#FFF;
}
/*tab选项卡卡片风格*/
.jb-tab-card .jb-tab-tit li{
	position: relative;
    padding: 0 1em;
    border: 1px solid #999;
	border-bottom:none;
	transition: all .2s;
    -webkit-transition: all .2s;
}
.jb-tab-card .jb-tab-tit li.jb-current{
	background-color:#FFF;
}
.jb-tab-card .jb-tab-tit li.jb-current:after{
	position:absolute;
	left:0;
	width:100%;
	height:2em;
    content: '';
	border-bottom:1px solid #fff;
	z-index:2;
}
.jb-tab-card .jb-tab-con div{
	outline:1px solid #666;
}

/*选项卡 关闭按钮*/
.jb-tab-tit li span{
	display:inline-block;
	width:1em;
	height:1em;
	margin-left:0.5em;
	margin-right: -0.5em;
	padding:0.2em;
	font-size:0.875em;
	line-height:1em;
	color:#c2c2c2;
}
.jb-tab-tit li.jb-current span{
	position: relative;
	z-index:3;
}
.jb-tab-tit li span:hover,
.jb-tab-tit li.jb-current span:hover {
	background:#999;
	color:#FFF;
    transition: all .2s;
    -webkit-transition: all .2s;
}


/*----------------全局内容区----------------*/
.g-content{
	padding:0 2%;
}


/*  jbc-tagsInput */
.jbc-tagsInput{
	display: inline-block;
	border: 1px solid #ccc;
	cursor: pointer;
}
.jbc-tagsInput-input{
	border: none;
	box-shadow: none;
	height: 80% !important;
}
.jbc-tagsInput-option {
	display: inline-block;
	margin-left: 10px;
	padding: 0 5px;
	min-width: 50px;
	height: 30px;
	line-height: 30px;
	border-radius: 100px;
	background-color: #ccffff;
	border: 1px solid #66cccc;
	text-align: center;
}
.jbc-tagsInput-option-close {
	cursor: pointer;
}

/*  jbc-selectTree */
.jbc-selectTree {
	position: relative;
	display: inline-block;
}
.jbc-selectTree-view {
	position: relative;
	padding-right: 21px;
	line-height: 30px;
	height: 30px;
	border: 1px solid #ccc;
	text-indent: 10px;
	cursor: pointer;
}
.jbc-selectTree-view::before {
	position: absolute;
	right: 5px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 16px;
	height: 16px;
	line-height: 16px;
	text-indent: 0;
	text-align: center;
	transition: all 0.3s;
}
.jbc-selectTree-list {
	position: absolute;
	z-index: 9;
	top: 29px;
	display: none;
	border: 1px solid #ccc;
	width: 100%;
	height: 200px;
	overflow-y: auto;
	background-color: #fff;
}
/* 展开 */
.fold .jbc-selectTree-list {
	display: block;
}
.fold .jbc-selectTree-view::before {
	transform: rotateZ(180deg);
}
.jbc-selectTree-item {
	padding-left: 15px;
	cursor: pointer;
}
.jbc-selectTree-root {
	margin-left: 0;
}
.jbc-selectTree-checkBox {
	font-family: jbfontv1;
	cursor: pointer;
}
.jbc-selectTree-title {
	cursor: pointer;
}
.jbc-selectTree-nodeList {
	margin-left: 20px;
}

/*----------------全局步骤条----------------*/
.g-stepBar{
	overflow: hidden;
}
.g-stepBar-item{
	position: relative;
	float: left;
	width: 230px;
	line-height: 60px;
	text-align: center;
	box-sizing: border-box;
	background-color: #CBCBCB;
}
.g-stepBar-item:after{
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	top: 0;
	right: -30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width:30px 0px 30px 30px;
	border-color:  transparent transparent transparent #CBCBCB;
}
.g-stepBar-item:before{
	content: '';
	position: absolute;
	z-index: 1;
	display: block;
	top: -6px;
	right: -36px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 36px 0px 36px 36px;
	border-color: transparent transparent transparent #fff;
}
.g-stepBar-item-index{
	display: inline-block;
	border-radius: 50%;
	margin-right: 10px;
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #fff;
	color: #CBCBCB;
	text-align: center;
}


.g-stepBar-item--active{
	background-color:#E3451F;
	color: #fff;
}
.g-stepBar-item--active:after{
	border-color:  transparent transparent transparent #E3451F;
}
.g-stepBar .g-stepBar-item:last-child::after,
.g-stepBar .g-stepBar-item:last-child::before{
	content: none;
}

/*----------------全局第三方图标----------------*/
.g-icon-qq{
	display: inline-block;
	width: 34px;
	height: 34px;
	background-image: url("/user/images/thirdpartylogo.png");
	background-repeat: no-repeat;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	background-position: -79px 0;
}
.g-icon-wechat{
	display: inline-block;
	width: 34px;
	height: 34px;
	background-image: url("/user/images/thirdpartylogo.png");
	background-repeat: no-repeat;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	background-position: 0 0;

}
.g-icon-sina{
	display: inline-block;
	width: 34px;
	height: 34px;
	background-image: url("/user/images/thirdpartylogo.png");
	background-repeat: no-repeat;
	overflow: hidden;
	vertical-align: middle;
	cursor: pointer;
	background-position: -157px 0;
}
/*----------------全局按钮----------------*/
.g-btn-m,
.g-btn-s
{
  display: inline-block;
  border: 1px solid #ccc;
  cursor: pointer;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
/*ico*/
.g-btn-m:before,
.g-btn-s:before
{
  font-family: jbfontv1;
  margin-right: 10px;
}
/*hover*/
.g-btn-m:hover,
.g-btn-s:hover
{
  background:linear-gradient(-45deg,#FF3C48,#FF6A51);
  background-color: #FF3C48;  border-color: #FF3C48;
  color: #fff;
}

.g-btn-m.full:hover,
.g-btn-s.full:hover
{
  background:#FF3C48;
}

/*disabled*/
.g-btn-m.disabled,
.g-btn-s.disabled
{
  border-color: #eee;
  background-color: #eee;
  color: #ccc;
  cursor: not-allowed;
}
.g-btn-m.disabled:hover,
.g-btn-s.disabled:hover
{
  border-color: #eee;
  background: #eee;
  color: #ccc;
}

.g-btn-m.full.disabled,
.g-btn-s.full.disabled
{
  border-color: #eee;
  background: #eee;
  color: #ccc;
  cursor: not-allowed;
}

/*中号 h:32px*/
.g-btn-m{
  padding: 0 12px;
  height: 32px;
  line-height: 32px;
  font-size: 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

/*小号 h:21px*/
.g-btn-s{
  padding: 0 5px;
  font-size: 12px;
  height: 21px;
  line-height: 21px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
/*----------------无底色按钮----------------*/
.g-btn-m,
.g-btn-s
{
  color: #333;
}

/*----------------灰底色按钮----------------*/
.g-btn-m.gray,
.g-btn-s.gray
{
  background-color: #f8f8f8;
}

/*----------------填充色按钮----------------*/
.g-btn-m.full,
.g-btn-s.full
{
  background:linear-gradient(-45deg,#FF3C48,#FF6A51);
  border-color: #FF3C48;
  color: #fff;
}
.g-btnPanel{
	margin-top: 30px;
	text-align: center;
}
.g-btnPanel >[class*=g-btn]{
	margin-left: 10px;
}
.g-btnPanel >[class*=g-btn]:first-child{
	margin-left: 0;
}


/*----------------全局表单按钮面板----------------*/
.g-formBtns{
	margin-top: 30px;
	text-align: center;
}
.g-formBtns > [class*=globalBtn]{
	margin-left: 20px;
}
.g-formBtns > [class*=globalBtn]:first-child{
	margin-left: 0;
}

/*----------------全局图片自适应居中----------------*/
/* usage: 要求图片parentElement必须固定宽高。
	<div class="g-imgAuto">
			<img :src="i.img" alt="">
	</div>
*/
.g-imgAuto{
	position: relative;
}
.g-imgAuto img{
	position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
}

/*----------------全局小列表----------------*/
/* usage:
	<ul class="g-microList">
			<li class="g-microList-item" v-for="i in 8">
					<div class="g-microList-item-img">
							<img
									src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fup.enterdesk.com%2Fedpic%2Fec%2Fca%2Fd8%2Feccad87a334d082b8ff200ae01157e44.jpg&refer=http%3A%2F%2Fup.enterdesk.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=jpeg?sec=1640505631&t=80fc196526f5df427bdf2bf8ae4977bd"
									alt="">
					</div>
					<div class="g-microList-item-info">
							<div class="g-microList-item-info-main">晶石创智设计团队</div>
							<div class="g-microList-item-info-minor">贵州贵阳</div>
					</div>
			</li>
	</ul>
*/
.g-microList{
	padding: 20px 10px;
	background-color: #f8f8f8;
	overflow: hidden;
}
.g-microList-item{
	float: left;
	margin-right: 1%;
	margin-bottom: 20px;
	padding: 10px;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-ms-border-radius: 8px;
	-o-border-radius: 8px;
	box-shadow: 1px 1px 6px 4px #ccc;
	width: 24.25%;
	overflow: hidden;
	background-color: #fff;
}
.g-microList-item:nth-child(4n){
	margin-right: 0;
}

.g-microList-item-img{
	float: left;
	margin-right: 20px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	width: 80px;
	height: 80px;
	overflow: hidden;
}
.g-microList-item-img img{
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.g-microList-item-info{
}
.g-microList-item-info-main{
	margin-bottom: 10px;
	font-size: 14px;
	font-weight: bold;
}
.g-microList-item-info-minor{
	font-size: 12px;
	color: #ccc;
}

/*----------------全局块状选项卡----------------*/
.g-tabs{
	overflow: hidden;
}
.g-tabs-item{
	float: left;
	border: 1px solid #e8e8e8;
	padding: 0 20px;
	line-height: 60px;
	min-width: 200px;
	text-align: center;
	background-color: #f8f8f8;
	cursor: pointer;
}
.g-tabs-item.current{
	color: #fff;
	background-color: rgba(255, 106, 81, 1);
	background: linear-gradient(180deg, rgba(255, 106, 81, 1) 0%, rgba(255, 60, 72, 1) 99%);
}

/*----------------表格行操作按钮面板----------------*/
/* 
<div class="g-tableRowBtnPanel">
  <span class="g-btn-s" @click="alertBoxShow(row)">排序</span>
  <span class="g-btn-s">认证管理</span>
</div>
*/
.g-tableRowBtnPanel >*{
  margin-right: 20px;
}
.g-tableRowBtnPanel>*:last-child{
  margin-right: 0;
}


/*----------------全局表格操作面板----------------*/
/**
功能:按钮间距20px
用法:
<div class="g-tableBtnPanel">
    <div class="g-btn-m gray jFI-SquareCheck" >全选</div>
    <div class="g-btn-m gray jFI-SquareInverseCheck" >反选</div>
    <div class="g-btn-m gray jFI-LockUser" >冻结</div>
    <div class="g-btn-m gray jFI-UnLockUser" >解冻</div>
    <div class="g-btn-m gray jFI-Search" >搜索</div>
</div>
 */
.g-tableBtnPanel{
  margin-bottom: 20px;
}
.g-tableBtnPanel >*{
  margin-right: 20px;
  vertical-align: middle;
}
.g-tableBtnPanel >*:last-child{
  margin-right: 0;
}
.g-tableBtnPanel-oper{
  float: right;
}
.g-tableBtnPanel-oper >*{
  vertical-align: middle;
}


/*----------------vue组件-----弹窗----------------*/
.jbc-popup {
  position: fixed;
  z-index: 9;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
/* 遮罩 */
.jbc-popup--shade {
  background-color: rgba(0, 0, 0, 0.171);
}
.jbc-popup-div {
  position: fixed;
  border: 2px solid #ccc;
  background: rgb(241, 241, 241);
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  padding: 0 10px 10px 10px;
  border-radius: 8px;
}
.jbc-popup-head {
  height: 60px;
  cursor: all-scroll;
}
.jbc-popup-title {
  position: absolute;
  left: 10px;
  top: 10px;
  background: linear-gradient(to right, #ff3c48, #ff6a51);
  color: #fff;
  text-align: center;
  padding: 10px 15px 10px 15px;
  font-size: 14px;
  line-height: 14px;
  max-width: 80%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.jbc-popup-close {
  position: absolute;
  top: 18px;
  right: 10px;
  border: 1px solid #999;
  width: 20px;
  height: 20px;
  line-height: 20px;
  color: #999;
  font-size: 16px;
  text-align: center;
  cursor: pointer;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.jbc-popup-close:before {
  content: "\e2223";
  font-family: jbfontv1;
}

.jbc-popup-con {
  min-width: 280px;
  min-height: 120px;
  /* max-height: 768px; */
  /* overflow-y: auto;
  overflow-x: hidden; */
  max-height: 85vh;
  overflow: auto;
  background: #fff;
}

/* 无头模式 */
.jbc-popup--noHead .jbc-popup-div {
  padding: 10px;
  background: #fff;
  border-radius: 0;
}

/*大号 w1200*/
.long .jbc-popup-div {
  width: 1200px;
}

/*中号 w800*/
.middle .jbc-popup-div {
  width: 800px;
}
.jbc-popup.middle .jForm-tit{
  width: 14%;
}
.jbc-popup.middle .jForm-con{
  width: 86%;
}
.jbc-popup.middle .row-col2 .jForm-tit{
  width: 28%;
}
.jbc-popup.middle .row-col2 .jForm-con{
  width: 72%;
}
/*小号 w500*/
.small .jbc-popup-div {
  width: 500px;
}
.small.jbc-popup .jForm-tit {
  width: 25%;
}
.small.jbc-popup .jForm-con {
  width: 75%;
}


/*----------------vue组件-----上传弹窗----------------*/
.uploadsPopup {
	height: 650px;
}
/* 侧边栏 */
.uploadsPopup-sideBar {
	float: left;
	border: 1px solid #ccc;
	width: 10%;
	height: 100%;
}
.uploadsPopup-sideBar-options li {
	border-bottom: 1px solid #999;
	line-height: 50px;
	height: 50px;
	background-color: #f8f8f8;
	text-align: center;
	cursor: pointer;
}
.uploadsPopup-sideBar-options .cur {
	background-color: #fff;
}
.uploadsPopup-sideBar-hint {
	padding: 0 10px;
	margin-top: 20px;
	color: #ccc;
}
.uploadsPopup-sideBar-hint div:first-child {
	text-align: center;
}
.uploadsPopup-sideBar-add {
	margin: 20px 10px 0;
	border: 1px solid #ccc;
	text-align: center;
	cursor: pointer;
	color: #ccc;
}
.uploadsPopup-sideBar-add i {
	font-size: 40px;
}
/* 主要内容 */
.uploadsPopup-main {
	float: left;
	padding: 10px;
	width: 90%;
	overflow: auto;
}
.uploadsPopup-main-head {
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.uploadsPopup-main-group {
	display: inline-block;
	width: 70%;
}
.uploadsPopup-main-group-item {
	display: inline-block;
	margin-bottom: 10px;
	padding: 0 10px;
	border: 1px solid #999;
	text-align: center;
	min-width: 80px;
	cursor: pointer;
}
.uploadsPopup-main-group-item.cur {
	background-color: #d9001b;
	color: #fff;
}
/* 内容----—附件列表 */
.uploadsPopup-file-moreGroupBtn {
	position: relative;
	cursor: pointer;
}
.uploadsPopup-file-moreGroupList {
	position: absolute;
	display: none;
	z-index: 1;
	top: -1px;
	left: 0;
	border: 1px solid #ccc;
	background-color: #fff;
}
.uploadsPopup-file-moreGroupBtn:hover .uploadsPopup-file-moreGroupList {
	display: block;
}
.uploadsPopup-file-search {
	float: right;
	display: inline-block;
}
.uploadsPopup-file-search > * {
	vertical-align: middle;
}
/* 列表 */
.uploadsPopup-file-list,
.uploadsPopup-upload-list {
	padding: 10px 1px;
	height: 520px;
	overflow: auto;
	font-size: 0;
}
.uploadsPopup-file-list li,
.uploadsPopup-upload-list li {
	position: relative;
	display: inline-block;
	margin-right: 0.8%;
	margin-bottom: 10px;
	width: 120px;
	font-size: 12px;
	text-align: center;
	vertical-align: top;
}
.uploadsPopup-file-list li:nth-child(8n),
.uploadsPopup-upload-list li:nth-child(8n) {
	margin-right: 0;
}
.uploadsPopup-file-list .fileImg,
.uploadsPopup-upload-list .fileImg {
	outline: 1px solid transparent;
	width: 100%;
	height: 120px;
	cursor: pointer;
}
.uploadsPopup-file-list .fileName input {
	border: none;
	outline: none;
	width: 70%;
}
.uploadsPopup-file-list .fileSize {
	color: #ccc;
}
.uploadsPopup-file-list .fileImg:hover {
	outline-color: red;
}
.uploadsPopup-file-list .checked .fileImg {
	outline-color: red;
}
.uploadsPopup-file-list .fileName input:hover,
.uploadsPopup-file-list .fileName input:focus {
	outline: 1px solid #000;
}
/* 内容----上传列表 */
.uploadsPopup-upload-list .delete {
	position: absolute;
	z-index: 1;
	right: 0;
	top: 0;
	background-color: #fff;
	font-size: 24px;
	line-height: 24px;
	cursor: pointer;
	border-radius: 50%;
}
.uploadsPopup-upload-list .successPanel {
	position: absolute;
	bottom: 34px;
	left: 0;
	right: 0;
	margin: auto;
	width: 80px;
	height: 20px;
	line-height: 20px;
	background-color: #fff;
}
.uploadsPopup-upload-list .errorPanel {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	background: #f6f6f6;
	color: #bbb;
}
.uploadsPopup-upload-list .error {
	margin-top: 30px;
}
.uploadsPopup-upload-list .upload {
	margin-top: 10px;
}
.uploadsPopup-upload-list .fileName {
	position: relative;
	z-index: 1;
	width: 100%;
}

.uploadsPopup-upload-config {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.uploadsPopup-upload-config-tit {
	float: left;
}
.uploadsPopup-upload-config-con {
	margin-left: 80px;
}

/* 内容----图片库 */
.uploadsPopup-imageGroup .fileName {
	padding: 1px;
	overflow: hidden;
	text-align: left;
}
.uploadsPopup-imageGroup-type {
	margin-top: 10px;
	margin-bottom: 10px;
}
.uploadsPopup-imageGroup-type-item {
	cursor: pointer;
}
.uploadsPopup-imageGroup-type-item + .uploadsPopup-imageGroup-type-item {
	margin-left: 20px;
}
.uploadsPopup-imageGroup-type-item.cur {
	color: #d9001b;
}
